import Vue from 'vue'
import Router from 'vue-router'
import demo1 from '@/components/demo1'
import demo2 from '@/components/demo2'
import demo3 from '@/components/demo3'
import demo4 from '@/components/demo4'
import demo5 from '@/components/demo5'
import demo6 from '@/components/demo6'
import validate from '@/components/validate'
import method from '@/components/method'
import form from '@/components/form'
import watch from '@/components/watch'
import echarts1 from '@/components/echarts1'
import table1 from '@/components/table1'
import tree1 from '@/components/tree1'
import slot from '@/components/slot'
import input1 from '@/components/input1'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/demo1',
      name: 'demo1',
      component: demo1
    },
    {
      path: '/demo2',
      name: 'demo2',
      component: demo2
    },
    {
      path: '/demo3',
      name: 'demo3',
      component: demo3
    },
    {
      path: '/demo4',
      name: 'demo4',
      component: demo4
    },
    {
      path: '/demo5',
      name: 'demo5',
      component: demo5
    },
    {
      path: '/demo6',
      name: 'demo6',
      component: demo6
    },
    {
      path: '/validate',
      name: 'validate',
      component: validate
    },
    {
      path: '/method',
      name: 'method',
      component: method
    },
    {
      path: '/form',
      name: 'form',
      component: form
    },
    {
      path: '/watch',
      name: 'watch',
      component: watch
    },
    {
      path: '/echarts1',
      name: 'echarts1',
      component: echarts1
    },
    {
      path: '/table1',
      name: 'table1',
      component: table1
    },
    {
      path: '/tree1',
      name: 'tree1',
      component: tree1
    },
    {
      path: '/slot',
      name: 'slot',
      component: slot
    },
    {
      path: '/input1',
      name: 'input1',
      component: input1
    }
  ]
})
